<template>
    <div>
        <van-address-list v-model="chosenAddressId" :list="list"  default-tag-text="默认" add-button-text="去支付">
            <div>
                <img src="../../img/01.png" alt="">
            </div>
            <van-cell-group>
                <van-cell title="优惠卷" :value="tot.juan" />
                <van-cell title="店铺优惠" :value="tot.youhui" />


                <van-cell title="商品金额" :value="tot.price" />
                <van-cell title="优惠金额" :value="tot.hui" />

                <van-cell title="运费" :value="tot.fei" />
                <van-cell title="备注" value="请输入备注" />




            </van-cell-group>

        </van-address-list>
    </div>
</template>

<script setup>
import { ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
const route = useRoute()

let tot = ref(route.query)
 const chosenAddressId = ref('1');
const list = [
    {
        id: '1',
        name: '张三',
        tel: '13000000000',
        address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室',
        isDefault: true,
    },
]

</script>

<style lang="scss" scoped></style>